<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<title>最新加盟</title>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/jquery.slides.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<section class="latest-join">
		<figure class="gallery-wrap">		
			<div>
				<img src="css/images/1.jpg"/>
				<div>
					<h2>商家名称</h2>
					<p>即将上线</p>
					<p>11-21</p>
				</div>
			</div>
			<div>
				<img src="css/images/1.jpg"/>
				<div>
					<h2>商家名称</h2>
					<p>即将上线</p>
					<p>11-21</p>
				</div>
			</div>		 	
		</figure>
		<ul class="join-list">
			<li>
				<figure>
					<div>
						<img src="css/images/1.jpg"/>
					</div>
					<figcaption>商家名称</figcaption>
					<div class="info">
						<p>即将上线</p>
						<p>11-21</p>
					</div>
				</figure>
			</li>
			<li>
				<figure>
					<div>
						<img src="css/images/1.jpg"/>
					</div>
					<figcaption>商家名称</figcaption>
					<div class="info">
						<p>即将上线</p>
						<p>11-21</p>
					</div>
				</figure>
			</li>
			<li>
				<figure>
					<div>
						<img src="css/images/1.jpg"/>
					</div>
					<figcaption>商家名称</figcaption>
					<div class="info">
						<p>即将上线</p>
						<p>11-21</p>
					</div>
				</figure>
			</li>
			<li>
				<figure>
					<div>
						<img src="css/images/1.jpg"/>
					</div>
					<figcaption>商家名称</figcaption>
					<div class="info">
						<p>即将上线</p>
						<p>11-21</p>
					</div>
				</figure>
			</li>
		</ul>
	</section>

	<script type="text/javascript">
		$(document).ready(function(){
			$('.gallery-wrap').slidesjs({
	    		pagination : false
			});

		});
	</script>
</body>
</html>